<!DOCTYPE html>
<html>
<head>
    <title>后台登录</title>


    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="order by dede58.com"/>
    <meta name="keywords" content="Simple Login Form Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <style>

        .clear{clear:both;}

        img{max-width:100%;}

        body {
            background:url("images/img.png") no-repeat 0px 0px;
            background-size: cover;
            font-family: 'Open Sans', sans-serif;
            background-attachment: fixed;
            background-position: 100%;
        }



        .container {
            width: 32%;
            margin: 50px auto;
            text-align: center;
            background:rgba(0, 0, 0, 0.43);
            -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        }

        h2 {
            font-size:	30px;
            color: #FFF;
            padding-top: 45px;
            letter-spacing:3px;
        }
        form {
            padding:50px;
        }


        /*用户密码排头*/
        form span {
            width: 23%;
            float: left;
            background: greenyellow;
            padding: 10.2px 10px;
            position: relative;
            color: #005377;
            font-size: 15px;
            letter-spacing: 1px;
        }


        input.name {
            width: 65%;
            padding:10px 10px 10px 15px;
            border: none;
            outline: none;
            font-size: 17px;
            letter-spacing: 1px;
            margin-bottom: 35px;
            float:left;
        }

        input.password {
            width: 65%;
            padding:10px 10px 10px 15px;
            border: none;
            outline: none;
            font-size: 17px;
            letter-spacing: 1px;
            margin-bottom: 35px;
            float:left;
        }

        /*打勾*/
        .rem-for-agile{
            width:50%;
            float:left;
            text-align:left;
            font-size:13px;
            color:rgb(238, 223, 179);
        }

        /*同意*/
        .rem-for-agile a{
            color:rgb(238, 223, 179);
            margin-top:3px;
            display:inline-block;
            padding-left:18px;
        }

        input[type="submit"]{
            background-color:#001c77;
            color:#fff;
            padding:11px;
            outline: none;
            border:none;
            font-size: 17px;
            width:50%;
            cursor:pointer;
            margin-top:5px;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
        }

        h2 {
            font-size: 28px;
            padding-top: 35px;
            letter-spacing: 2px;
        }
    </style>
</head>
<body>
<!--zhe-->
<div>

    <ul style="list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;">
        <li style=" float: left;"><a class="active" href="new1.html" style="display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none">主页</a></li>
        <li style=" float: left;"><a href="serve.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">车辆服务</a></li>
        <li style=" float: left;"><a href="open.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">开放服务</a></li>
        <li style=" float: left;"><a href="About.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">关于我们</a></li>
        <li style=" float: left;"><a href="Login.html" style="display: block;hover: background-color #111;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;">登录/注册</a></li>
    </ul>

</div>
<!--zhe-->
<div class="container w3">

    <h2>登录</h2>
    <form action="#" method="post">
        <div class="username">
            <span class="username" style="height:19px">用户:</span>
            <input type="text" id="name" class="name" placeholder="" required>
            <!--            <div class="clear"></div>-->
        </div>
        <div class="password-agileits">
            <span class="username"style="height:19px">密码:</span>
            <input type="text" id="pass" name="password" class="password"  placeholder="" required >
        </div>
        <div class="rem-for-agile">
            <input type="checkbox" name="remember" class="remember">同意允许
            <br>
            <a href="">忘记了密码</a><br>
        </div>
        <div class="login-w3">

            <input type="submit"  class="login" onclick="LOG()" value="登录/注册" >
        </div>
        <div class="clear"></div>
    </form>
</div>

</div>

</body>

</html>